<template>
  <div>
<div class="line"></div>
<el-menu
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
            background-color="#0066FF"
            text-color="#fff"
            active-text-color="#ffd04b"
            width="100%"
            style="align: center"
            router
          >
            <el-menu-item index="/home">首页</el-menu-item>

             <el-submenu index="2">
              <template slot="title">学院概况</template>
              <el-menu-item index="/introduction/学院简介" route="test">学院简介</el-menu-item>
              <el-menu-item index="/introduction/党政领导">党政领导</el-menu-item>
              <el-menu-item index="/introduction/机构设置">机构设置</el-menu-item>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title">师资队伍</template>
              <el-menu-item index="3-1">师资概况</el-menu-item>
              <el-menu-item index="3-2">教授</el-menu-item>
              <el-menu-item index="3-3">副教授</el-menu-item>
            </el-submenu>
            <el-submenu index="4">
              <template slot="title">教学研究</template>
              <el-menu-item index="4-1">教务办公流程</el-menu-item>
              <el-menu-item index="4-2">管理制度</el-menu-item>
              <el-menu-item index="4-3">教学成果</el-menu-item>
              <el-menu-item index="4-3">在线资源</el-menu-item>
            </el-submenu>
            <el-submenu index="5">
              <template slot="title">科学研究</template>
              <el-menu-item index="5-1">科研信息</el-menu-item>
              <el-menu-item index="5-2">研究成果</el-menu-item>
              <el-menu-item index="5-3">团队建设</el-menu-item>
            </el-submenu>
            <el-submenu index="6">
              <template slot="title">学生培养</template>
              <el-submenu index="6-1">
                <template slot="title">本科生培养</template>
                <el-menu-item index="6-1-1">培养制度</el-menu-item>
                <el-menu-item index="6-1-2">专业简介</el-menu-item>
                <el-menu-item index="6-1-3">培养计划</el-menu-item>
                <el-menu-item index="6-1-4">课程简介</el-menu-item>
              </el-submenu>
              <el-submenu index="6-2">
                <template slot="title">研究生培养</template>
                <el-menu-item index="6-2-1">硕士点简介</el-menu-item>
                <el-menu-item index="6-2-2">培养方案</el-menu-item>
                <el-menu-item index="6-2-3">博士生导师</el-menu-item>
                <el-menu-item index="6-2-4">硕士生导师</el-menu-item>
                <el-menu-item index="6-2-5">培养制度</el-menu-item>
              </el-submenu>
            </el-submenu>
            <el-submenu index="7">
              <template slot="title">杰出校友</template>
              <el-menu-item index="7-1">杰出校友</el-menu-item>
            </el-submenu>
            <el-submenu index="8">
              <template slot="title">招生就业</template>
              <el-menu-item index="8-1">招生信息</el-menu-item>
              <el-menu-item index="8-2">就业信息</el-menu-item>
            </el-submenu>
            <el-submenu index="9">
              <template slot="title">资料下载</template>
              <el-menu-item index="9-1">教学资料</el-menu-item>
              <el-menu-item index="9-2">科研资料</el-menu-item>
              <el-menu-item index="9-3">学工资料</el-menu-item>
              <el-menu-item index="9-4">其他资料</el-menu-item>
            </el-submenu>
            <el-submenu index="10">
              <template slot="title">实验室建设</template>
              <el-menu-item index="10-1">物理实验室</el-menu-item>
              <el-menu-item index="10-2">力学实验室</el-menu-item>
              <el-menu-item index="10-3">数学实验室</el-menu-item>
              <el-menu-item index="10-4">图形图像实验室</el-menu-item>
            </el-submenu>
            <el-submenu index="11">
              <template slot="title">党建工作</template>
              <el-menu-item index="11-1">党员活动</el-menu-item>
              <el-menu-item index="11-2">组织结构</el-menu-item>
              <el-menu-item index="11-3">理论学习</el-menu-item>
              <el-menu-item index="11-4">党员风采</el-menu-item>
            </el-submenu>
            <el-submenu index="12">
              <template slot="title">学生工作</template>
              <el-menu-item index="12-1" style="width: 116px"
                >学工动态</el-menu-item
              >
              <el-menu-item index="12-2" style="width: 116px"
                >学工队伍</el-menu-item
              >
              <el-menu-item index="12-3" style="width: 116px"
                >学生党建</el-menu-item
              >
              <el-menu-item index="12-4" style="width: 116px"
                >团委学生会</el-menu-item
              >
              <el-menu-item index="12-5" style="width: 116px"
                >学生资助</el-menu-item
              >
              <el-menu-item index="12-6" style="width: 116px"
                >规章制度</el-menu-item
              >
            </el-submenu> 
          </el-menu>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log('key:', key);
        console.log('keyPath:', keyPath);
      }
    }
  }
</script>
<style scoped></style>